<template>
    <view class="content">
        <view class="settings">
            <view class="settings_item">
                <view class="title">
                    隐私政策
                </view>
                <image src="/static/images/路径 (1).png" mode="aspectFit"></image>
            </view>
            <view class="settings_item">
                <view class="title">
                    用户协议
                </view>
                <image src="/static/images/路径 (1).png" mode="aspectFit"></image>
            </view>
            <view class="settings_item">
                <view class="title">
                    当前版本
                </view>
                <view class="version">
                    1.0.1
                </view>
            </view>
        </view>
    </view>
</template>

<script setup>

</script>

<style lang="scss" scoped>
    .content {
        width: 686rpx;
        height: 357rpx;
        padding: 0 32rpx;

        .settings {
            margin-top: 34rpx;
            width: 686rpx;
            height: 277rpx;
            padding: 40rpx 0;

            .settings_item {
                display: flex;
                justify-content: space-between;
                width: 638rpx;
                height: 39rpx;
                border-bottom: 1rpx solid rgba(245, 245, 245, 1);
                padding: 0 24rpx 32rpx 24rpx;

                .title {
                    width: 112rpx;
                    height: 39rpx;
                    font-size: 28rpx;
                    color: #333333;
                }

                .version {
                    color: rgba(151, 151, 151, 1);
                }

                image {
                    width: 13.97rpx;
                    height: 25rpx;
                    opacity: 30%;
                }
            }
        }
    }
</style>